<template>
  <div>
    <!-- 头部组件 -->
    <NavBar leftText="返回"></NavBar>
    <div class="goods_comment">
      <!-- 评论框 -->
      <Comments :id="getId"></Comments>
    </div>
    <!-- 底部tab栏  -->
    <TabBar></TabBar>
  </div>
</template>

<script>
// 引入评论组件
import Comments from "../components/Comment";
import NavBar from "../components/navBar";
import TabBar from '../components/Tabbar'
export default {
  components: {
    Comments,
    NavBar,
    TabBar
  },
  data() {
    return {};
  },
  created() {},
  methods: {},
  computed: {
    getId() {
      // 获取商品id
      const id = this.$route.params.id;
      return id;
    }
  }
};
</script>

<style lang="less" scoped>
.goods_comment {
  padding: 10px;
  padding-top: 0;
}
</style>